$basic_color:#10AEFF;
$color_1aad19:#1aad19;
$height_88:rem(88px);
$fontSzie: 75px;
$color_009696:#009696;
@function rem($pixels) {
    @return $pixels / $fontSzie+rem;
}

html,
body {
    background: #f1f1f1;
    height: 100%;
}

body,
button,
input,
select,
textarea {
    font-family: "Microsoft YaHei", tahoma, arial, "宋体";
}

a:link {
    text-decoration: none;
}

/* 指正常的未被访问过的链接*/

a:visited {
    text-decoration: none;
}

/*指已经访问过的链接*/

a:hover {
    text-decoration: none;
}

/*指鼠标在链接*/

a:active {
    text-decoration: none;
}

/* 指正在点的链接*/

ul {
    padding: 0;
    margin: 0;
}

a {
    color: #333;
}

img {
    width: 100%;
    height: 100%;
}

.am-modal-hd {
    font-size: rem(36px);
}

.am-modal-btn {
    font-size: rem(32px);
}

//普通提交按钮
@mixin submitBtn {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    &.none {
        display: none;
    }
    .button {
        width: rem(710px);
        height: rem(84px);
        margin: 0 auto;
        border-radius: rem(14px);
        line-height: rem(84px);
        color: #fff;
        font-size: rem(40px);
        background: $color_009696;
        border: none;
        margin-bottom: rem(20px);
        a {
            color: #fff;
        }
    }
}

//固定底部按钮
@mixin fixedBottomBtn {
    width: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    z-index: 99;
    bottom: 0;
    .button {
        width: 100%;
        height: rem(84px);
        line-height: rem(84px);
        color: #fff;
        font-size: rem(40px);
        background: $color_009696;
        border: none;
        a {
            color: #fff;
        }
    }
}

//文本截断
@mixin lineClamp($lines, $line:1.5) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $lines; // number of lines to show
    overflow: hidden;
    line-height: $line;
    max-height: $line * $lines;
}

//1px 线
@mixin border_1px($color, $width:1px, $radius:0) {
    position: relative;
    border: none;
    z-index: 10;
    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border-width: $width;
        border-style: solid;
        border-color: $color;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        border-radius: $radius;
    }
}

label {
    margin: 0;
}

.caseList {
    background: #fff;
    min-height: 100%;
    padding-bottom: rem(110px);
    .search_box {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0 auto;
        border-radius: rem(44px);
        background: #fff;
        width: rem(684px);
        height: rem(106px);
        @mixin iconSize {
            width: rem(36px);
            img {
                width: 100%;
            }
        }
        .search_icon {
            @include iconSize;
            margin-left: rem(30px);
            i {
                color: #b0b0b0;
            }
        }
        .search_con {
            width: 100%;
            height: rem(66px);
            border: 1px solid #f1f1f1;
            background: none;
            border-radius: rem(26px);
            display: flex;
            align-items: center;
            input {
                width: 100%;
                line-height: 100%;
                height: 100%;
                border: none;
                color: #d1d1d1;
                outline: none;
                font-size: rem(30px);
                box-sizing: border-box;
                padding-left: rem(20px);
                &::-webkit-input-placeholder {
                    color: #d1d1d1;
                }
            }
        }
        .search_delete {
            @include iconSize;
            margin-right: rem(30px);
        }
    }
    .case {
        li {
            padding: 0 rem(32px);
            box-sizing: border-box;
            border-bottom: 1px solid #dadada;
            a {
                display: flex;
                flex-direction: column;
            }
            .case_title {
                @include lineClamp(2);
                font-size: rem(36px);
                margin-top: rem(10px);
                color: #333;
            }
            .case_bottom {
                display: flex;
                width: 100%;
                margin-bottom: rem(6px);
                margin-top: rem(12px);
                justify-content: space-between;
                font-size: rem(28px);
                align-items: center;
                .case_date {
                    color: #666;
                }
                .detail {
                    color: #f9663e;
                }
            }
        }
    }
}

.fixed_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: rem(96px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    span {
        width: 50%;
        height: 100%;
        font-size: rem(30px);
        background: #e1e1e1;
        display: flex;
        justify-content: center;
        align-items: center;
        &:first-child {
            border-right: 1px solid $color_009696;
        }
        a {
            color: $color_009696; // text-shadow: rem(2px) rem(3px) rem(3px) $color_009696;
        }
        &.active {
            background-color: $color_009696;
            a {
                color: #fff;
            }
        }
    }
}

.lawer_serve {
    .lawer_title {
        width: rem(180px);
        height: rem(75px);
        position: relative;
        .title {
            position: absolute;
            font-size: rem(28px);
            color: #fff;
            top: rem(30px);
            line-height: 1;
            left: rem(36px);
        }
    }
    .lawer_list {
        padding: 0 rem(30px);
        width: 100%;
        box-sizing: border-box;
        li {
            width: 100%;
            height: rem(140px);
            position: relative;
            border-bottom: 1px dashed $color_009696;
            a {
                display: flex;
                width: 100%;
                height: 100%;
                align-items: center;
                justify-content: space-between;
                .case_title {
                    color: $color_009696;
                    font-size: rem(30px);
                    @include lineClamp(2, 1.2);
                    padding-left: rem(12px);
                    flex: 1;
                    width: 100%;
                    margin-top: rem(12px);
                    padding-right: rem(60px);
                }
                .right {
                    width: rem(20px);
                    height: rem(36px);
                }
                .state {
                    position: absolute;
                    right: rem(36px);
                    top: 0;
                    background: #abd8d8;
                    width: rem(120px);
                    line-height: 1;
                    height: rem(40px);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 0 0 rem(20px) rem(20px);
                    color: $color_009696;
                    &.done {
                        color: #fff;
                    }
                }
            }
        }
    }
}

.application_enquiry {
    display: flex;
    height: 100%;
    background: #f1f1f1;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    #fform {
        width: 100%;
        display: block;
        box-sizing: border-box;
        .form_ul {
            padding-left: 0;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            margin-top: rem(15px);
            padding: 0 rem(20px);
            >li {
                box-sizing: border-box;
                overflow: hidden;
                height: rem(70px);
                margin: 0 auto;
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fff;
                border-radius: rem(20px);
                margin-bottom: rem(20px);
                color: #ccc;
                width: 100%;
                border: 1px solid #ccc;
                span {
                    color: #D0021B;
                    &.noRequire {
                        opacity: 0;
                    }
                }
                .weui-cell__bd {
                    overflow: hidden;
                }
                input {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    box-sizing: border-box;
                    border: none;
                    color: #111;
                    box-sizing: border-box;
                    overflow: hidden;
                    flex: 1;
                    outline: none;
                    box-shadow: none;
                    padding-left: rem(16px);
                    font-size: rem(28px);
                }
                input::-webkit-input-placeholder {
                    color: #c1c1c1;
                }
                label {
                    font-size: rem(31px);
                    color: #999;
                    font-weight: normal;
                    margin-left: rem(39px);
                }
                select {
                    display: inline-block;
                    vertical-align: middle;
                    width: 100%;
                    flex: 1;
                    overflow: hidden;
                    font-size: rem(26px);
                    background: none;
                    height: 100%;
                    color: #555;
                    border: none;
                }
                .weui-cell {
                    padding: 0;
                    width: 100%;
                }
            }
            textarea {
                width: 100%;
                flex: 1;
                resize: none;
                border: none;
                border-radius: rem(20px);
                height: 100%;
                box-sizing: border-box;
                font-size: rem(31px);
                color: #999;
                border: 1px solid #ccc;
                background: #fff;
                padding: rem(14px) rem(34px);
            }
        }
        .notice {
            font-size: rem(33px);
            color: #333;
            margin-left: rem(34px);
        }
        .tips {
            display: flex;
            border: 1px solid #ccc;
            justify-content: flex-start;
            width: 100%;
            height: rem(200px);
            textarea {
                width: 100%;
                flex: 1;
                resize: none;
                border: none;
                height: 100%;
                box-sizing: border-box;
                font-size: rem(28px);
                color: #111;
                background: #fff;
                padding: rem(10px) rem(30px);
            }
            textarea::-webkit-input-placeholder {
                color: #999;
            }
        }
    }
    .submitBtn {
        @include submitBtn;
        margin-top: rem(56px);
        .button {
            width: 100%;
        }
    }
}

.apply_form {
    #fform {
        .form_ul {
            margin-top: rem(24px);
            padding: 0 rem(30px);
            .li_title {
                color: $color_009696;
                font-size: rem(30px);
                margin-bottom: rem(20px);
            }
            li {
                height: rem(65px);
                border: none;
                background: none;
                justify-content: space-between;
                label {
                    margin: 0;
                }
                input {
                    border: 1px solid #ccc;
                    width: rem(500px);
                    flex: initial;
                    box-sizing: border-box;
                    border-radius: rem(20px);
                    color: #999;
                    font-size: rem(30px);
                }
                &.img_box {
                    display: flex;
                    height: initial;
                    justify-content: flex-start;
                    border-radius: 0;
                    .img {
                        width: rem(217px);
                        height: rem(196px);
                        position: relative;
                        &:not(:last-child) {
                            margin-right: rem(23px);
                        }
                        input {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0;
                            border-radius: 0;
                            opacity: 0;
                        }
                        i {
                            position: absolute;
                            width: rem(30px);
                            height: rem(30px);
                            z-index: 19;
                            top: 0;
                            right: 0;
                            img {
                                vertical-align: top;
                            }
                        }
                        .imgFile {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            display: none;
                            left: 0;
                        }
                    }
                }
            }
            dl {
                padding: 0 rem(12px);
                display: flex;
                align-items: center;
                dd {
                    width: rem(180px);
                    height: rem(180px);
                    margin-right: rem(20px);
                }
            }
            .form_tips1 {
                margin-top: rem(16px);
            }
        }
    }
    .submitBtn {
        @include submitBtn;
        .button {
            width: rem(690px);
        }
        margin-top: rem(56px);
    }
}

.case_detail {
    #fform {
        .form_ul {
            li {
                .detail_msg {
                    width: 100%;
                    flex: 1;
                }
            }
        }
    }
}

.radiusModal {
    .am-modal-dialog {
        background: #fff;
        height: rem(330px);
        border-radius: rem(10px);
        width: rem(590px);
        overflow: hidden;
        .am-modal-hd {
            width: 100%;
            height: rem(82px);
            background: $color_009696;
            font-size: rem(30px);
            padding: 0;
            display: flex;
            color: #fff;
            align-items: center;
            justify-content: center;
        }
        .am-modal-bd {
            font-size: rem(30px);
            color: $color_009696;
            padding: 0;
            display: flex;
            height: rem(178px);
            justify-content: center;
            align-items: center;
            border: none;
        }
        .am-modal-footer {
            height: rem(72px);
            display: flex;
            align-items: center;
            width: 100%;
            a {
                width: 100%;
                height: rem(72px);
                padding: 0;
                font-size: rem(40px);
                @include border_1px($color_009696, 1px 0 0 0);
                box-sizing: border-box;
                display: inline-block;
                line-height: rem(72px);
                color: $color_009696;
            }
            span {
                width: 100%;
                height: rem(72px);
                padding: 0;
                font-size: rem(40px);
                @include border_1px($color_009696, 1px 0 0 0);
                box-sizing: border-box;
                display: inline-block;
                line-height: rem(72px);
                color: $color_009696;
            }
        }
    }
}

#operateModal {
    .am-modal-dialog {
        background: #f5f1f2;
        height: rem(270px);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        .am-modal-bd {
            font-size: rem(34px);
            color: #666;
            padding: 0;
            border: none;
        }
    }
}

#lawsuitModal {
    .am-modal-dialog {
        .am-modal-bd {
            height: rem(178px);
        }
    }
}

header {
    width: 100%;
    height: rem(106px);
    background: $color_009696;
    box-sizing: border-box;
    position: fixed;
    display: flex;
    top: 0;
    z-index: 99989;
    background: url(../../../img/bg.png) no-repeat top left;
    background-size: cover;
    left: 0;
    align-items: center;
    justify-content: center;
    &.header1 {
        background: none;
    }
    .goBack {
        width: rem(80px);
        height: rem(106px);
        color: #fff;
        position: absolute;
        left: rem(20px);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        top: 0;
        img {
            width: rem(28px);
            height: rem(48px);
        }
    }
    .title {
        font-size: rem(38px);
        color: #fff;
    }
    .title1 {
        font-size: rem(32px);
    }
}

.content {
    width: 100%;
    box-sizing: border-box;
    padding-top: rem(106px);
}

.home_content {
    .home_slide {
        width: 100%;
        height: rem(254px);
    }
    .tabList {
        width: 100%;
        padding: 0 rem(30px);
        display: flex;
        padding-top: rem(34px);
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        li {
            width: rem(190px);
            height: rem(178px);
            margin-right: rem(60px);
            margin-bottom: rem(30px);
            &:nth-child(3n+0) {
                margin-right: 0;
            }
        }
    }
}

.case_detail {
    padding: rem(60px) 0;
    padding-bottom: 0;
    background: #f5f5f5;
    .title {
        font-size: rem(30px);
        padding: 0 rem(30px);
        color: $color_009696;
    }
    .detail_box {
        width: 100%;
        padding: rem(20px) rem(30px);
        .detail_ul {
            padding: 0 rem(24px);
            li {
                font-size: rem(28px);
                display: flex;
                align-items: center;
                margin-bottom: rem(16px);
                div {
                    line-height: 1;
                }
                .li_label {
                    width: rem(226px);
                    color: #333;
                    text-align: left;
                }
                .li_detail {
                    flex: 1;
                    width: 100%;
                    color: #666;
                    @include lineClamp(1);
                }
            }
        }
        .li_title1 {
            color: #333;
            font-size: rem(28px);
            line-height: 1;
            text-align: left;
        }
        .detail {
            width: rem(650px);
            padding: rem(10px);
            border-radius: rem(10px);
            margin: rem(30px) auto;
            color: #666;
            min-height: rem(150px);
            font-size: rem(24px);
            background: #f5f5f5;
            box-shadow: inset 0px 2px 5px 0px rgba(102, 102, 102, 0.48);
            span {
                color: #333;
                font-size: rem(28px);
            }
        }
    }
    .apply_table {
        flex-direction: column;
        padding: 0 rem(30px);
        background: #e5e5e5;
        .apply_title {
            color: $color_009696;
            text-align: center;
            line-height: 1;
            padding: rem(24px) 0;
            margin: 0 auto;
            font-size: rem(30px);
        }
        #fform {
            background: none;
            .form_ul {
                padding: 0;
                li {
                    justify-content: flex-start;
                    min-height: rem(70px);
                    height: initial;
                    div {
                        padding-left: rem(16px);
                        flex: 1;
                        width: 100%;
                    }
                    label {
                        margin-left: rem(16px);
                        color: #333;
                    }
                    select {
                        color: #666;
                    }
                }
            }
            .submitBtn {
                margin-top: rem(6px);
                .button {
                    width: 100%;
                    margin-bottom: rem(36px);
                }
            }
            .booking_tips {
                text-align: center;
                margin-bottom: rem(20px);
                font-size: rem(30px);
            }
            select {
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                flex: 1;
                overflow: hidden;
                font-size: rem(26px);
                background: none;
                height: 100%;
                color: #555;
                border: none;
            }
            .type {
                overflow: initial;
            }
            .am-selected {
                display: inline-block; // height: rem(70px);
                vertical-align: middle;
                width: rem(520px);
                font-size: rem(24px);
                position: relative;
                color: #666;
                .am-selected-status {
                    display: flex;
                    align-items: center;
                    height: 100%;
                }
                .am-selected-btn {
                    padding: 0;
                    padding-left: rem(43px);
                    padding-right: rem(40px);
                    height: rem(70px);
                    display: flex;
                    border: none;
                    align-items: center;
                    color: #666;
                    width: rem(520px);
                    font-size: rem(24px);
                    background: #fff;
                    span {
                        color: #666 !important;
                    }
                }
            }
            span {
                color: #666 !important;
            }
            .am-dropdown-content {
                top: 0;
            }
            .am-selected-list {
                font-size: rem(24px);
                color: #666;
            }
        }
    }
}

.lawsuit_form {
    flex-direction: column;
    .top_tips {
        width: 100%;
        height: rem(64px);
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        span {
            color: #ff4747;
            font-size: rem(24px);
        }
    }
    #fform {
        width: 100%;
        .form_ul {
            width: 100%;
            margin-top: rem(20px);
            li {
                padding: 0 rem(30px);
                height: rem(70px);
                display: flex;
                margin-bottom: rem(20px);
                align-items: center;
                justify-content: space-between;
                width: 100%;
                label {
                    font-size: rem(24px);
                    color: #666;
                    font-weight: normal;
                }
                input {
                    width: rem(520px);
                    box-sizing: border-box;
                    overflow: hidden;
                    height: rem(70px);
                    background: #fff;
                    padding-left: rem(39px);
                    box-sizing: border-box;
                    border-radius: rem(20px);
                    color: #ccc;
                    border: 1px solid #ccc;
                }
                .msg {
                    width: rem(520px);
                    box-sizing: border-box;
                    overflow: hidden;
                    height: rem(70px);
                    line-height: rem(70px);
                    background: #fff;
                    padding-left: rem(39px);
                    box-sizing: border-box;
                    border-radius: rem(20px);
                    color: #999;
                    border: 1px solid #ccc;
                }
                input::-webkit-input-placeholder {
                    color: #c1c1c1;
                }
                .am-selected {
                    display: inline-block;
                    height: rem(70px);
                    vertical-align: middle;
                    width: rem(520px);
                    font-size: rem(24px);
                    color: #666;
                    .am-selected-status {
                        display: flex;
                        align-items: center;
                        height: 100%;
                    }
                    .am-selected-btn {
                        padding: 0;
                        padding-left: rem(43px);
                        padding-right: rem(40px);
                        height: rem(70px);
                        display: flex;
                        align-items: center;
                        border-radius: rem(20px);
                        color: #666;
                        border: 1px solid #ccc;
                        width: rem(520px);
                        font-size: rem(24px);
                        background: #fff;
                    }
                }
                .am-selected-list {
                    font-size: rem(24px);
                    color: #666;
                }
                &.tips {
                    height: rem(222px);
                    border-radius: rem(20px);
                    border: 1px solid #ccc;
                    background: #fff;
                    width: rem(690px);
                    flex-direction: column;
                    align-items: flex-start;
                    margin: 0 auto;
                    padding: rem(17px);
                    .tips_title {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        overflow: hidden;
                        input {
                            overflow: hidden;
                            flex: 1;
                            border: none;
                            padding-left: 0;
                            width: 100%;
                            box-shadow: none;
                        }
                        .msg {
                            overflow: hidden;
                            flex: 1;
                            border: none;
                            height: rem(30px);
                            line-height: rem(30px);
                            padding-left: 0;
                            width: 100%;
                            box-shadow: none;
                        }
                    }
                    span {
                        font-size: rem(24px);
                        color: #999;
                        line-height: 1;
                    }
                    textarea {
                        width: 100%;
                        resize: none;
                        border: none;
                        height: 100%;
                        box-sizing: border-box;
                        font-size: rem(24px);
                        color: #999;
                        box-shadow: none;
                    }
                    .msg1 {
                        width: 100%;
                        height: rem(165px);
                        box-sizing: border-box;
                        font-size: rem(24px);
                        color: #999;
                    }
                }
                &.other1 {
                    color: #009696;
                    font-size: rem(18px);
                    .icon {
                        display: flex;
                        align-items: center;
                        i {
                            width: rem(22px);
                            height: rem(30px);
                            margin-right: rem(3px);
                        }
                    }
                }
                &.img_box {
                    display: flex;
                    height: initial;
                    justify-content: flex-start;
                    .img {
                        width: rem(217px);
                        height: rem(196px);
                        position: relative;
                        &:not(:last-child) {
                            margin-right: rem(23px);
                        }
                        input {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0;
                            opacity: 0;
                        }
                        i {
                            position: absolute;
                            width: rem(30px);
                            height: rem(30px);
                            z-index: 19;
                            top: 0;
                            right: 0;
                            img {
                                vertical-align: top;
                            }
                        }
                        .imgFile {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            display: none;
                            left: 0;
                        }
                    }
                }
                &.video {
                    width: rem(690px);
                    height: rem(288px);
                    border: 1px solid #d2d2d2;
                    padding: 0;
                    position: relative;
                    margin: 0 auto;
                    display: none;
                    video {
                        width: 100%;
                        height: 100%;
                    }
                    i {
                        position: absolute;
                        width: rem(30px);
                        height: rem(30px);
                        z-index: 19;
                        top: 0;
                        right: 0;
                        img {
                            vertical-align: top;
                        }
                    }
                }
                &.result {
                    height: auto;
                    align-items: flex-start;
                    margin-top: rem(58px);
                    label {
                        color: $color_009696;
                    }
                    .msg {
                        height: auto;
                        line-height: 1.5;
                        padding: rem(10px) rem(28px) rem(10px) rem(36px);
                    }
                }
            }
            .am-form-error {
                .am-selected {
                    .am-selected-btn {
                        border-color: #dd514c !important;
                    }
                }
            }
            .am-form-success {
                .am-selected {
                    .am-selected-btn {
                        border-color: #5eb95e !important;
                    }
                }
            }
        }
    }
    .submitBtn {
        @include submitBtn;
        margin-top: rem(74px);
        .button {
            background: #d2d2d2;
        }
        &.active {
            .button {
                background: #009696;
            }
        }
    }
}

.notice_content {
    .notice_box {
        width: rem(690px);
        margin: 0 auto;
        margin-top: rem(21px);
        background-color: #fff;
        box-shadow: 0px 0px rem(5px) 0px #363636;
        border-radius: rem(10px);
        padding: rem(19px) rem(22px) rem(21px) rem(19px);
        letter-spacing: 2.8px;
        font-size: rem(24px);
        color: #333;
        box-sizing: border-box;
        .title {
            text-align: center;
            color: $color_009696;
            font-size: rem(30px);
            line-height: 1;
            letter-spacing: 3.5px;
        }
        .ques {
            text-indent: rem(64px);
        }
        .answer {}
    }
}

.mine_clue_content {
    padding-bottom: rem(100px);
    .noData {
        position: absolute;
        top: rem(180px);
        width: rem(261px);
        height: rem(62px);
        left: 50%;
        transform: translateX(-50%);
    }
    .alue_list {
        width: 100%;
        li {
            width: 100%;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: rem(26px) rem(34px);
            .title {
                @include lineClamp(1, 1);
                color: $color_009696;
                font-size: rem(36px);
            }
            .detail {
                @include lineClamp(1);
                color: #666;
                margin: rem(20px) 0;
                line-height: rem(40px);
                font-size: rem(32px);
            }
            .bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .data {
                    color: #666;
                    font-size: rem(26px);
                }
                .btn {
                    font-size: rem(24px);
                    a {
                        color: $color_009696;
                    }
                }
            }
        }
    }
}

.tabList {
    padding: 0;
    .bg {
        width: 100%;
    }
    .lfxj_list {
        display: flex;
        justify-content: space-between;
        padding: 0 rem(30px);
        width: 100%;
        margin-top: rem(40px);
        box-sizing: border-box;
        li {
            width: rem(304px);
            height: rem(255px);
        }
    }
}

.search {
    padding-top: rem(20px);
    .search_box {
        width: rem(690px);
        height: rem(60px);
        margin: 0 auto;
        border-radius: rem(30px);
        background: linear-gradient(0deg, #f1f1f1 0%, #e5e4e4 100%), linear-gradient( #32383a, #32383a);
        box-shadow: 0px 1px 0px 0px #ffffff, inset 0px 1px 4px 0px rgba(136, 136, 136, 0.74);
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(0deg, #e8e8e8 0%, #b0b0b0 100%);
        border-image-slice: 1;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        position: relative;
        font-size: rem(24px);
        overflow: hidden;
        input {
            width: 100%;
            padding-left: rem(76px);
            box-sizing: border-box;
            border-radius: rem(30px);
            height: 100%;
            border: none;
            background: none;
            padding-right: rem(100px);
        }
        ::-webkit-input-placeholder {
            color: #b0b0b0;
        }
        .icon {
            width: rem(45px);
            height: rem(50px);
            background: url(../../../img/lfxj/search.png) no-repeat top left;
            display: inline-block;
            background-size: 100%;
            position: absolute;
            top: rem(5px);
            left: rem(22px);
        }
        .btn {
            width: rem(100px);
            height: rem(60px);
            position: absolute;
            z-index: 99;
            right: rem(1px);
            top: rem(-1px);
            background-color: #009696;
            box-shadow: 0px 1px 0px 0px #ffffff, inset 0px 1px 4px 0px rgba(136, 136, 136, 0.74);
            border-radius: rem(30px);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
        }
    }
}

.law_state {
    padding: rem(100px) rem(30px);
    &.law_notice {
        padding-top: rem(106px);
    }
    .case_list {
        li {
            width: 100%;
            height: rem(180px);
            box-sizing: border-box;
            border-bottom: 1px dashed $color_009696;
            padding-top: rem(30px);
            .title {
                @include lineClamp(1);
                font-size: rem(30px);
                color: $color_009696;
                padding-left: rem(40px);
                position: relative;
                .line {
                    position: absolute;
                    width: rem(10px);
                    height: rem(40px);
                    background: $color_009696;
                    left: 0;
                    top: 0;
                }
            }
            .detail {
                @include lineClamp(1);
                padding-left: rem(40px);
                font-size: rem(24px);
                margin-top: rem(8px);
                color: #666;
            }
            .bottom {
                display: flex;
                justify-content: space-between;
                margin-top: rem(12px);
                align-items: center;
                .date {
                    padding-left: rem(22px);
                    font-size: rem(24px);
                    color: #666;
                }
                .btn {
                    font-size: rem(24px);
                    padding-right: rem(43px);
                    color: $color_009696;
                }
            }
        }
    }
    .comment_btn {
        @include fixedBottomBtn;
    }
}

.state_detail {
    .detail_box {
        padding: 0 rem(40px);
        width: 100%;
        box-sizing: border-box;
        .title {
            font-size: rem(40px);
            color: $color_009696;
            margin-top: rem(14px);
        }
        .date {
            color: #666;
            font-size: rem(24px);
        }
        .line {
            width: rem(544px);
            height: rem(1px);
            background: #cccccc;
        }
        .msg {
            color: #666;
            margin-top: rem(24px);
            font-size: rem(24px);
            max-height: rem(788px);
            min-height: rem(340px);
            overflow-y: scroll;
        }
        .file {
            .title {
                display: flex;
                align-items: center;
                .icon {
                    width: rem(30px);
                    height: rem(30px);
                    margin-left: rem(-12px);
                    background: url(../../../img/lfxj/file.png) no-repeat left top;
                    background-size: 100%;
                    display: inline-block;
                }
                .title1 {
                    font-size: rem(24px);
                    margin-left: rem(10px);
                }
                color: #4d4d4d;
            }
            .file_list {
                padding-left: rem(30px);
                margin-top: rem(11px);
                li {
                    font-size: rem(24px);
                    color: $color_009696;
                }
            }
        }
        .result {
            .title {
                font-size: rem(30px);
                padding-top: rem(50px);
                padding-bottom: rem(10px);
            }
            .result_box {
                border: 1px solid #999;
                box-sizing: border-box;
                padding: rem(10px);
            }
        }
    }
}

.evaluate_content {
    display: none;
    .label {
        line-height: 1;
        padding-left: rem(32px);
        letter-spacing: 2.8px;
        color: #de8b05;
        font-size: rem(24px);
        padding-top: rem(40px);
        padding-bottom: rem(55px);
    }
    .evaluate_list {
        padding-left: rem(85px);
        display: flex;
        align-items: center;
        li {
            display: flex;
            height: rem(134px);
            flex-direction: column;
            align-items: center;
            .text {
                margin-top: rem(43px);
                font-size: rem(24px);
                line-height: 1;
                color: #999;
                &.active {
                    color: #009696;
                }
            }
            img {
                width: rem(72px);
                height: rem(68px);
            }
            &:not(:last-child) {
                margin-right: rem(53px);
            }
        }
    }
    .option_btn {
        text-align: center;
        line-height: 1;
        margin-top: rem(107px);
        color: $color_009696;
        font-size: rem(30px);
    }
    .option_text {
        margin: 0 auto;
        width: rem(690px);
        margin-top: rem(42px);
        position: relative;
        textarea {
            width: rem(690px);
            border: none;
            padding: rem(12px);
            box-sizing: border-box;
            resize: none;
            height: rem(280px);
            background-color: #eeeeee;
            box-shadow: 0px 0px 1px 0px #7f7f7f;
            border-radius: rem(10px);
        }
        .num {
            position: absolute;
            bottom: rem(12px);
            font-size: rem(24px);
            line-height: 1;
            color: #999;
            right: rem(12px);
        }
    }
    #evaluationDiv {
        padding: rem(12px);
        box-sizing: border-box;
        height: rem(200px);
        box-shadow: 0px 0px 1px 0px #7f7f7f;
        border-radius: rem(10px);
    }
    .submitBtn {
        @include submitBtn;
        width: rem(690px);
        margin-top: rem(100px);
        .button {
            width: 100%;
        }
    }
}

.feedback {
    #fform {
        .form_ul {
            padding: 0 rem(32px);
            .li_inp {
                border-color: $color_009696;
                label {
                    font-size: rem(24px);
                }
            }
            .notice {
                font-size: rem(24px);
                color: #999;
                margin: 0;
            }
            .option_text {
                margin: 0 auto;
                width: rem(690px);
                position: relative;
                textarea {
                    width: rem(690px);
                    border: none;
                    padding: rem(12px);
                    padding-bottom: rem(40px);
                    box-sizing: border-box;
                    resize: none;
                    height: rem(280px);
                    background-color: #eeeeee;
                    box-shadow: 0px 0px 1px 0px #7f7f7f;
                    border-radius: rem(10px);
                }
                .num {
                    position: absolute;
                    bottom: rem(12px);
                    font-size: rem(24px);
                    line-height: 1;
                    color: #999;
                    right: rem(12px);
                }
            }
            .img_box {
                display: flex;
                height: initial;
                justify-content: flex-start;
                .img {
                    width: rem(217px);
                    height: rem(196px);
                    position: relative;
                    &:not(:last-child) {
                        margin-right: rem(23px);
                    }
                    input {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        opacity: 0;
                    }
                    i {
                        position: absolute;
                        width: rem(30px);
                        height: rem(30px);
                        z-index: 19;
                        top: 0;
                        right: 0;
                        img {
                            vertical-align: top;
                        }
                    }
                    .imgFile {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        display: none;
                        left: 0;
                    }
                }
            }
            .img_box {
                border: none;
                border-radius: 0;
                margin-top: rem(20px);
                background: none;
            }
            .video {
                width: rem(690px);
                border-radius: 0;
                height: rem(288px);
                border: 1px solid #d2d2d2;
                padding: 0;
                position: relative;
                margin: 0 auto;
                display: none;
                video {
                    width: 100%;
                    height: 100%;
                }
                i {
                    position: absolute;
                    width: rem(30px);
                    height: rem(30px);
                    z-index: 19;
                    top: 0;
                    right: 0;
                    img {
                        vertical-align: top;
                    }
                }
            }
        }
    }
}

.consult_help {
    .tablist {
        width: 100%;
        margin-top: rem(10px);
        display: flex;
        background: #b2dfdf;
        align-items: center;
        li {
            width: rem(180px);
            background: url(../../../img/qsnwq/tab1.png) no-repeat top left;
            display: flex;
            justify-content: center;
            line-height: 1;
            align-items: center;
            font-size: rem(18px);
            padding: rem(21px) 0;
            background-size: 100%;
            a {
                color: $color_009696;
            }
            &:not(:last-child) {
                margin-right: rem(10px);
            }
            &.active {
                background-image: url(../../../img/qsnwq/tab2.png);
            }
        }
    }
    .feedback {
        background: #fff;
        #fform {
            .form_ul {
                margin-top: rem(30px);
                .notice {
                    color: #666;
                }
                .option_text {
                    textarea {
                        color: #999;
                        font-size: rem(24px);
                        padding: rem(10px) rem(24px);
                        padding-bottom: rem(40px);
                    }
                }
            }
            .submitBtn {
                margin-top: rem(60px);
            }
        }
    }
    .helpTips {
        width: rem(667px);
        margin: 0 auto;
        margin-top: rem(24px);
        font-size: rem(24px);
        color: #666;
        letter-spacing: 3px;
    }
}

.answer_content {
    .answer_list {
        margin-top: rem(30px);
        li {
            margin-bottom: rem(58px);
            .time {
                display: flex;
                justify-content: center;
                align-items: center;
                span {
                    line-height: 1;
                    padding: rem(10px) rem(24px);
                    color: #2bb2bb;
                    background-color: #deedec;
                    border-radius: rem(10px);
                }
            }
            .li_box {
                width: rem(720px);
                height: rem(520px);
                margin: 0 auto;
                padding: rem(14px);
                box-sizing: border-box;
                margin-top: rem(38px);
                background-color: #eeeeee;
                box-shadow: 0px 0px 1px 0px #7f7f7f;
                border-radius: rem(10px);
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                .title {
                    letter-spacing: 4px;
                    color: #666666;
                    font-size: rem(30px);
                    line-height: 1.1;
                }
                .detail {
                    width: 100%;
                    height: rem(420px);
                    background-color: #deedec;
                    box-shadow: 0px 0px 2px 0px #009090;
                    padding: rem(14px);
                    box-sizing: border-box;
                    position: relative;
                    overflow: hidden;
                    color: #999;
                    font-size: rem(24px);
                    overflow-y: auto;
                    &::-webkit-scrollbar/*整体部分*/
                        {
                        width: rem(18px);
                        height: 10px;
                        border-left: 1px solid #84ccc9;
                    }
                    &::-webkit-scrollbar-track/*滑动轨道*/
                        {
                        border-radius: 0px;
                        background: none;
                    }
                    &::-webkit-scrollbar-thumb/*滑块*/
                        {
                        border-radius: 5px;
                        background: #fff;
                        box-shadow: 0px 0px 1px 0px #7f7f7f;
                    }
                    &::-webkit-scrollbar-thumb:hover/*滑块效果*/
                        {
                        border-radius: 5px;
                        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                        background: rgba(0, 0, 0, 0.4);
                    }
                }
            }
        }
    }
}

.man_list {
    .list {
        padding: 0 rem(30px);
        width: 100%;
        padding-top: rem(20px);
        box-sizing: border-box;
        li {
            display: flex;
            margin-bottom: rem(30px);
            padding-bottom: rem(16px);
            border-bottom: 1px dashed $color_009696;
            .list_img {
                width: rem(152px);
                height: rem(152px);
                padding: rem(5px);
                box-sizing: border-box;
                margin-top: rem(8px);
                border-radius: rem(10px);
                border: 1px dashed #009696;
            }
            .list_detail {
                display: flex;
                flex-direction: column;
                padding-left: rem(25px);
                width: 100%;
                color: #666;
                font-size: rem(24px);
                flex: 1;
                .name {
                    line-height: 1;
                    .sex {
                        margin-left: rem(10px);
                    }
                }
                .post {
                    line-height: 1;
                    margin: rem(16px) 0;
                }
                .intro {
                    color: #999;
                }
            }
        }
    }
}

.question_content {
    .list {
        padding: 0 rem(30px);
        width: 100%;
        padding-top: rem(30px);
        box-sizing: border-box;
        .title {
            @include lineClamp(1);
            font-size: rem(30px);
            color: $color_009696;
            padding-left: rem(40px);
            position: relative;
            .line {
                position: absolute;
                bottom: rem(7.5px);
                left: 0;
                width: rem(10px);
                height: rem(40px);
                background: $color_009696;
            }
        }
        .other {
            font-size: rem(24px);
            display: flex;
            line-height: 1;
            margin-top: rem(23px);
            padding-bottom: rem(18px);
            margin-bottom: rem(30px);
            border-bottom: 1px dashed $color_009696;
            justify-content: space-between;
            align-items: center;
            .date {
                color: #999;
            }
            .arrow {
                color: $color_009696;
            }
        }
    }
}

.question_detail {
    padding: rem(106px) rem(9px) 0 rem(16px);
    .title {
        color: $color_009696;
        font-size: rem(30px);
        padding-top: rem(30px);
    }
    .date {
        color: #666;
        font-size: rem(24px);
        line-height: 1;
        margin-top: rem(50px);
        margin-bottom: rem(27px);
    }
    .line {
        width: rem(544px);
        height: 1px;
        background: #ccc;
    }
    .detail {
        color: #666;
        font-size: rem(24px);
        margin-top: rem(10px);
    }
}

.loadData {
    text-align: center;
    height: rem(62px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: rem(24px);
    line-height: rem(62px);
    box-sizing: border-box;
    width: 100%;
    color: #ccc;
    position: relative;
    .line {
        position: absolute;
        width: rem(220px);
        height: 1px;
        top: 50%;
        transform: translateY(-50%);
        background: #e4e4e4;
        &.line1 {
            left: rem(30px);
        }
        &.line2 {
            right: rem(30px);
        }
    }
}

#loading {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: rem(10px) 0;
    box-sizing: border-box;
    img {
        width: rem(60px);
        height: rem(60px);
        display: inline-block;
    }
}